<div class="col-md-2 col-sm-2 col-lg-2 flexipad1">
	<ul>
		<li onmouseover="show_tooltip_flexipad('Toggle')" onmouseout="hide_tooltip_flexipad('Flexipad')">
			<a href="javascript:void(0)" class="expand3"><img src="<?php echo SKIN_URL_IMAGE; ?>/flexipad/icon1.png" class="img-responsive"></a><a href="javascript:void(0)" class="expand4" style="display:none;"><img src="<?php echo SKIN_URL_IMAGE; ?>/flexipad/icon1.png" class="img-responsive"></a>
		</li>
		<li onmouseover="show_tooltip_flexipad('Scribble')" onmouseout="hide_tooltip_flexipad('Flexipad')">
			<a href="javascript:void(0)" id="scribble-pad"><img src="<?php echo SKIN_URL_IMAGE; ?>/flexipad/icon2.png" class="img-responsive"></a>
		</li>
		<li onmouseover="show_tooltip_flexipad('Upload Question')" onmouseout="hide_tooltip_flexipad('Flexipad')">
			<a href="javascript:void(0)" id="side-upload_question-trigger"><img src="<?php echo SKIN_URL_IMAGE; ?>/flexipad/icon3.png" class="img-responsive"></a>
		</li>
		<li onmouseover="show_tooltip_flexipad('Calendar')" onmouseout="hide_tooltip_flexipad('Flexipad')">
			<a href="javascript:void(0)" id="side-calendar-trigger2"><img src="<?php echo SKIN_URL_IMAGE; ?>/flexipad/icon4.png" class="img-responsive"></a>
		</li>
	</ul>
</div>
<div class="col-md-2 col-sm-2 col-lg-2 flexipad2">
	<ul>
		<li onmouseover="show_tooltip_flexipad('Contacts')" onmouseout="hide_tooltip_flexipad('Flexipad')">
			<a href="javascript:void(0)"><img src="<?php echo SKIN_URL_IMAGE; ?>/flexipad/icon5.png" class="img-responsive"></a>
		</li>
		<li onmouseover="show_tooltip_flexipad('Question Tip')" onmouseout="hide_tooltip_flexipad('Flexipad')">
			<a href="javascript:void(0)" id="side-upload_question_tip-trigger"><img src="<?php echo SKIN_URL_IMAGE; ?>/flexipad/icon6.png" class="img-responsive"></a>
		</li>
		<li onmouseover="show_tooltip_flexipad('Help')" onmouseout="hide_tooltip_flexipad('Flexipad')">
			<a href="javascript:void(0)"><img src="<?php echo SKIN_URL_IMAGE; ?>/flexipad/icon7.png" class="img-responsive"></a>
		</li>
		<li onmouseover="show_tooltip_flexipad('Library')" onmouseout="hide_tooltip_flexipad('Flexipad')">
			<a href="javascript:void(0)"><img src="<?php echo SKIN_URL_IMAGE; ?>/flexipad/icon8.png" class="img-responsive"></a>
		</li>
	</ul>
</div>
<div class="col-md-2 col-sm-2 col-lg-2 flexipad3">
	<ul>
		<li onmouseover="show_tooltip_flexipad('Chapter At Glance')" onmouseout="hide_tooltip_flexipad('Flexipad')">
			<a href="javascript:void(0)"><img src="<?php echo SKIN_URL_IMAGE; ?>/flexipad/icon9.png" class="img-responsive"></a>
		</li>
		<li onmouseover="show_tooltip_flexipad('Spread The Word')" onmouseout="hide_tooltip_flexipad('Flexipad')">
			<a href="javascript:void(0)" id="spread_word"><img src="<?php echo SKIN_URL_IMAGE; ?>/flexipad/icon10.png" class="img-responsive"></a>
		</li>
		<li onmouseover="show_tooltip_flexipad('Mind Map')" onmouseout="hide_tooltip_flexipad('Flexipad')">
			<a href="javascript:void(0)"><img src="<?php echo SKIN_URL_IMAGE; ?>/flexipad/icon11.png" class="img-responsive"></a>
		</li>
		<li onmouseover="show_tooltip_flexipad('Radio')" onmouseout="hide_tooltip_flexipad('Flexipad')">
			<a href="javascript:void(0)"><img src="<?php echo SKIN_URL_IMAGE; ?>/flexipad/icon12.png" class="img-responsive"></a>
		</li>

	</ul>
</div>
<div class="col-md-2 col-sm-2 col-lg-2 flexipad4">
	<ul>
		<li onmouseover="show_tooltip_flexipad('Choose')" onmouseout="hide_tooltip_flexipad('Flexipad')">
			<a href="javascript:void(0)"><img src="<?php echo SKIN_URL_IMAGE; ?>/flexipad/icon13.png" class="img-responsive"></a>
		</li>
		<li onmouseover="show_tooltip_flexipad('Feedback')" onmouseout="hide_tooltip_flexipad('Flexipad')">
			<a href="<?php echo base_url() . BASE; ?>study/feedback"><img src="<?php echo SKIN_URL_IMAGE; ?>/flexipad/icon14.png" class="img-responsive"></a>
		</li>
	</ul>
</div>

<div class="col-md-2 col-sm-2 col-lg-2 flexipad">
	<h5 id="tooltip_heading_flexipad">Flexipad</h5>
</div>
